@charset 'utf-8';
/* =========== BANNER STYLE ============ */
.main-banner{width:100%;margin:0 auto;clear:both;}
	.main-banner .banner{width:100%;margin:0 auto;overflow:hidden;position:relative;}
		.main-banner .banner .pg{height:5px; overflow:hidden; position:absolute; left:15px; bottom:15px; z-index:1; }
		.main-banner .banner .pg ul{overflow:hidden; zoom:1; float:left;padding:0;margin:0;list-style:none;}
		.main-banner .banner .pg ul li{float:left; margin-right:5px;  width:25px; height:5px; line-height:5px; text-align:center; background:#fff; cursor:pointer; }
		.main-banner .banner .pg ul li.on{background:#f00; color:#fff; }
		.main-banner .banner .box{position:relative; height:100%; z-index:0;   }
		.main-banner .banner .box ul{position:relative; height:100%; z-index:0;padding:0;margin:0;list-style:none;}
		.main-banner .banner .box li{zoom:1; vertical-align:middle; }
		.main-banner .banner .box img{display:block;margin:0 auto;max-width:100%;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.banner .prev,
		.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:40px; height:100px; background:url(../images/slide_arrow.png) 0 0 no-repeat; filter:alpha(opacity=20);opacity:0.2;}
		.banner .next{ left:auto; right:3%; background-position:0 -100px; }
		.banner .prev:hover,
		.banner .next:hover{filter:alpha(opacity=90);opacity:0.9;}
		.banner .prevStop{ display:none;  }
		.banner .nextStop{ display:none;  }


.myGallery{margin:0 auto;overflow:scroll;width:100%;margin:0 25px;position:relative;height:240px}
	.myGallery .belt{left:0px;position:absolute;top:0px}
	#displaycssbelt{visibility:hidden}
	#stocklevels{visibility:hidden}
	.myGallery .panel{float:left;margin:0;overflow:hidden;width:20%}
	.stock{clear:both;font-size:10px;padding-bottom:5px;margin:0px auto;width:929px;color:#000;border-bottom:#000 1px dashed;font-family:arial, verdana, sans-serif;height:10px;text-align:right}
	.subfeature{display:block;margin:0px;overflow:hidden;width:20%}
	.subfeature-txt{padding-right:0px;padding-left:0px;float:left;padding-bottom:0px;margin:0px;width:202px! important;line-height:17px;padding-top:3px;position:relative}
	.subfeature-txt h2{clear:both;font-weight:bold;font-size:14px;padding-bottom:3px}
	.subfeature-txt h2 a{color:#000}
	.subfeature-txt h2 a:hover{color:#ff0076}
	.subfeature a img{border-right:transparent 1px solid;border-top:transparent 1px solid;border-left:transparent 1px solid;border-bottom:transparent 1px solid}
	.subfeature a img:hover{border-right:#ff0076 1px dashed;border-top:#ff0076 1px dashed;border-left:#ff0076 1px dashed;border-bottom:#ff0076 1px dashed}


/* =========== HOME PAGE CONTENT STYLE ============ */
.row{clear:both;margin:0 auto;}
	.row ul{padding:0px;margin:0px;list-style:none;}
	.r1{margin:15px auto;}
		.r1 .c1{float:left;width:25%;background-color:#9d9d9d;}
			.r1 .c1 .tit{background:#9d9d9d;color:#fff;margin:0 3px 0;padding:15px;}
				.r1 .c1 .tit strong{font-weight:normal;display:block;font-size:1.2em;}
				.r1 .c1 .tit em{display:block;font-size:12px;font-style:normal;padding-left:10%;}
			.r1 .c1 .lst{line-height:1.6em;background-color:#fff;margin:0 3px 15px;padding:15px;}
				.r1 .c1 .lst a{display:block;padding-left:10px;background:url(../images/arrow-rt.gif) no-repeat 0 -12px;}
				.r1 .c1 .lst a:hover{background-position:0 -52px;}

		.r1 .c2{float:right;width:74%;}
			.r1 .c2 .tit{border-bottom:3px solid #9d9d9d;padding:15px 0;}
			.r1 .c2 .tit li{float:left;border-right:1px solid #9d9d9d;padding:0 10px;}
			.r1 .c2 .tit li.cell-1{padding-left:0;}
			.r1 .c2 .tit li.cell-6{padding-right:0;border:0;}
			.r1 .c2 .lst li{width:32%;margin-top:17px;float:left;text-align:center;margin-right:2%;}
				.r1 .c2 .lst li.ord{margin-right:0;}
				.r1 .c2 .lst li a{display:block;}
				.r1 .c2 .lst li a.img{width:100%;height:195px;overflow:hidden;}
					.r1 .c2 .lst li a.img img{min-height:100%;max-width:100%;}
				.r1 .c2 .lst li a.lnk{line-height:1.8em;background-color:#9d9d9d;color:#fff;padding:0 5px;}
				.r1 .c2 .lst li a.lnk:hover{background-color:#f3452a;}

	.r2{background-color:#efefef;margin:15px auto;padding:15px 0;}
		.r2 .tit{padding:0 0 15px;}
			.r2 .tit strong{font-size:1.5rem;margin-right:10px;font-weight:normal;}
			.r2 .tit i{font-size:0.8rem;text-transform:uppercase;font-family:Georgia;color:#B7B7C9;}

			.r2 .myCustomers{position:relative;width:100%;overflow:hidden;}
				.r2 .myCustomers .prev, .r2 .myCustomers .next{display:block;width:11px;height:21px;top:60%;z-index:20;margin-top:-25px;cursor:pointer; background:url("../images/slide_arrow.gif") no-repeat center 0;position:absolute;filter:alpha(opacity=20);opacity:0.2;}
					.r2 .myCustomers .prev{background-position:0 0;left:5px;}
					.r2 .myCustomers .next{background-position:-11px 0;right:5px;}
					.r2 .myCustomers .prev:hover, .r2 .myCustomers .next:hover{filter:alpha(opacity=100);opacity:1;}

				.r2 .myCustomers .box{padding:0 21px;}
					.r2 .myCustomers .box ul{ overflow:hidden;zoom:1; }
						.r2 .myCustomers .box ul li{float:left; _display:inline; overflow:hidden; text-align:center;width:20%;}
							.r2 .myCustomers .box ul li div{margin:0 5px;}
							.r2 .myCustomers .box ul li .pic{text-align:center; }
							.r2 .myCustomers .box ul li .pic img{ width:100%;height:150px;display:block;}
							.r2 .myCustomers .box ul li .title{line-height:24px;}

	.r3{margin:15px auto;}
		.r3 .tit{padding:0 0 15px 5px;margin-bottom:15px;border-bottom:1px solid #eee;}
			.r3 .tit strong{font-size:1.5em;margin-right:10px;font-weight:normal;}
			.r3 .tit i{font-size:0.8em;text-transform:uppercase;font-family:Georgia;color:#B7B7C9;}

		.r3 .sort{padding:0;margin-bottom:15px;border-bottom:1px solid #eee;}
			.r3 .sort ul{padding:0;margin:0;list-style:none;}
				.r3 .sort ul li{float:left;margin-bottom:15px;}
					.r3 .sort ul li a{display:block;border:1px dashed #c0c0c0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#efefef;padding:5px 10px;margin:0 5px;font-weight:normal;cursor:pointer;}
					.r3 .sort ul li a:hover{border-color:#aaa;background-color:#fff;}
					.r3 .sort ul li.on a{color:#666;border-color:#666;background-color:#fff;}

		.r3 .list{}
			.r3 .list ul{padding:0;margin:0;list-style:none;}
				.r3 .list ul li{float:left;width:25%;overflow:hidden;padding-bottom:15px;}
					.r3 .list ul li div{padding:0 15px 0 0;}
						.r3 .list li div p{padding:5px 0 0 0;margin:0;}
					.r3 .list ul li img{width:100%;height:155px;display:block;margin:0 auto;}

					.r3 .list .big_img{width:50%;overflow:hidden;padding:0;}
						.r3 .list .big_img div{padding:0 15px 0 0;height:100%;}
						.r3 .list .big_img p{padding:0;margin:5px 0 0;}
						.r3 .list .big_img img{width:100%;height:350px;display:block;}

	.r4{background-color:#F24429;padding:15px 0;}
		.r4 .tit{color:#fff;vertical-align:middle;text-align:center;padding:15px 0;background:url(../images/tit_white_line.gif) repeat-x center center;}
			.r4 .tit h1{display:inline-block;background-color:#F24429;padding:0 15px;font-size:2em;}

	.special{}
		.special .ctn-box .left{float:left;width:70px;margin-right:15px;}
			.special .ctn-box .left strong{display:block;padding:15px 0;font-size:5em;text-align:center;font-family:Georgia;background:url(../images/num.gif) no-repeat center top;color:#fff;}
			.special .ctn-box .right{float:left;padding:30px 0;}
				.special .ctn-box .right .t1{font-size:1.5em;color:#000;}
				.special .ctn-box .right .t2{font-size:2em;font-weight:bold;color:#f24429;}
				.special .ctn-box .right .text{margin:30px 0;line-height:2em;}
				.special .ctn-box .right .link{}
				.special .ctn-box .right .link a{display:inline-block;padding:5px 15px;margin:0 10px;color:#fff;background:linear-gradient(180deg, #F24429, #A01500, #F24429);border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
				.special .ctn-box .right .link a:hover{color:#ff0;background:linear-gradient(120deg, #A01500, #F24429,  #A01500);}

		.special ul{padding:0px;margin:0px;list-style:none;}
		.special ol{padding:0px;margin:0px;list-style:upper-alpha;}
		.special.s1{padding:30px 0 0;}

		.special.s1 .inner,
		.special.s3 .inner,
		.special.s5 .inner,
		.special.s7 .inner{background:url(../images/shadow_r.png) no-repeat right bottom;padding-bottom:50px;}
			.special.s3 .right{width:47%;}
				.special.s3 .right .text{line-height:1.5em;}
					.special.s3 .right .text ol{list-style:none;}
						.special.s3 .right .text ol li{float:left;}

		.special.s1 .box,
		.special.s3 .box,
		.special.s5 .box,
		.special.s7 .box{background-repeat:no-repeat;background-position:right center;}

		.special.s2 .box,
		.special.s4 .box,
		.special.s6 .box,
		.special.s8 .box{background-repeat:no-repeat;background-position:left center;}

		.special.s2 .inner,
		.special.s4 .inner,
		.special.s6 .inner,
		.special.s8 .inner{background:url(../images/shadow_l.png) no-repeat left bottom;padding-bottom:50px;}

		.special.s1 .ctn-box,
		.special.s3 .ctn-box,
		.special.s5 .ctn-box,
		.special.s7 .ctn-box{float:left; padding:15px 0 15px 15px;}

		.special.s2 .ctn-box,
		.special.s4 .ctn-box,
		.special.s6 .ctn-box,
		.special.s8 .ctn-box{float:right;padding:15px 15px 15px 0;}

		.special.s3 ol{}


	.index-about{background-color:#efefef;margin-bottom:15px;}
		.index-about .tit{padding:15px 0 15px 5px;}
			.index-about .tit strong{font-size:1.5em;margin-right:10px;font-weight:normal;}
			.index-about .tit i{font-size:0.8em;text-transform:uppercase;font-family:Georgia;color:#B7B7C9;}
		.index-about .intro{width:65%;float:left;padding-bottom:15px;}
			.index-about .intro .text{padding:0 15px 0;}
			.index-about .intro .text .img{width:35%;float:left;text-align:center;}
				.index-about .intro .text .img img{width:100%;padding:3px;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
			.index-about .intro .text .txt{width:60%;float:right;text-align:justify;text-justify:inter-ideograph;word-wrap:break-word;}
				.index-about .intro .text .txt p{padding:0;margin:0;}
				.index-about .intro .text .txt a{display:inline-block;padding:5px 15px;margin:0 10px;color:#fff;background:linear-gradient(180deg, #F24429, #A01500, #F24429);border-radius:5px;-webkit-border-radius:5px;}
				.index-about .intro .text .txt a:hover{color:#ff0;background:linear-gradient(120deg, #A01500, #F24429,  #A01500);}

		.index-about .certificate{width:35%;float:right;}
			.index-about .certificate .ctn{position:relative;}
			.index-about .certificate .ctn .next, .index-about .certificate .ctn .prev{width:11px;height:21px;position:absolute;top:50%;margin-top:-10px;cursor:pointer;background:url(../images/slide_arrow.gif) no-repeat;filter:alpha(opacity=20);opacity:0.2;}
				.index-about .certificate .ctn .prev{left:10px;background-position:0 0;}
				.index-about .certificate .ctn .next{right:10px;background-position:-11px 0;}
					.index-about .certificate .ctn .prev:hover,.index-about .certificate .ctn .next:hover{filter:alpha(opacity=100);opacity:1;}
			.index-about .certificate .box{padding:0 30px;}
				.index-about .certificate .box ul{padding:0;margin:0;list-style:none;}
				.index-about .certificate .box ul li{width:100%;height:265px;}
					.index-about .certificate .box ul li div.img{width:100%;height:235px;}
						.index-about .certificate .box img{height:100%;width:100%;display:block;margin:0 auto;}
					.index-about .certificate .box ul li div.txt{width:100%;height:25px;line-height:25px;margin-top:5px;text-align:center;}

	.index-news{padding:15px 0;}
		.index-news .news{width:30%;float:left;}
			.index-news .c2, .index-news .c3{padding-left:5%;background:url(../images/line_content.gif) repeat-y 6%;}
			.index-news .tit{border-bottom:1px solid #efefef;padding:0 0 10px;margin-bottom:10px;}
			.index-news .tit strong{float:left;padding-left:5px;}
			.index-news .tit a.more{float:right;text-transform:lowercase;}

			.index-news .news ul{padding:0;margin:0;list-style:none;}
				.index-news .news ul li{clear:both;line-height:2em;width:90%;}
				.index-news .news ul li a{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:25px;background:url(../images/dotc.gif) no-repeat 5px center;}
				.index-news .news ul li span{float:right;width:20%;}

	.second_banner{width:100%;}
		.second_banner .inner{overflow:hidden;}
			.second_banner .inner img{width:100%;}

	.thrid_banner{width:100%;}
		.thrid_banner .inner{overflow:hidden;background:url(../images/shadow_l.png) no-repeat left bottom;}
			.thrid_banner .inner div{padding-bottom:50px;background:url(../images/shadow_r.png) no-repeat right bottom;}
			.thrid_banner .inner img{width:100%;}

	.second_nav{margin-bottom:15px;}
		.second_nav .inner{border:1px solid #1c1c1c;box-shadow:0 5px 5px #ccc;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:1px;margin:0 auto;}
		.second_nav ul{padding:0;margin:0;background-color:#1c1c1c;list-style:none;width:100%;display:table;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
			.second_nav ul li{text-align:center;height:2.2em;line-height:2.2em;display:table-cell;}
			.second_nav ul li a{color:#fff;}
			.second_nav ul li a:hover{color:#ff0;}

/* ============ ELASTIC STYLE ============= */
@media screen and (min-width: 960px) and (max-width: 1023px) {
	/*1100分辨率（大于960px，小于1199px）*/
	.special.s1 .box, .special.s3 .box, .special.s5 .box, .special.s7 .box{background-position:-18px center;}
	.special.s2 .box, .special.s4 .box, .special.s6 .box, .special.s8 .box{background-position:-168px center;}
}

@media screen and (min-width: 768px) and (max-width: 959px) {
	/*880分辨率（大于768px，小于959px）*/
	.second_nav .inner{width:98%;}
	.special.s1 .box, .special.s3 .box, .special.s5 .box, .special.s7 .box{background-position:-18px center;}
	.special.s2 .box, .special.s4 .box, .special.s6 .box, .special.s8 .box{background-position:-170px center;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	/*720分辨率（大于480px，小于767px）*/
	.second_nav .inner{width:98%;}
	.special.s1 .box, .special.s3 .box, .special.s5 .box, .special.s7 .box{background-position:-135px center;}
	.special.s2 .box, .special.s4 .box, .special.s6 .box, .special.s8 .box{background-position:-195px center;}
}

@media only screen and (max-width: 479px) {
	/*440分辨率以下（小于479px）*/
	.second_nav .inner{width:98%;}
	.special.s1 .box, .special.s3 .box, .special.s5 .box, .special.s7 .box{background-image:none!important;background-color:#f4f4f4;}
	.special.s2 .box, .special.s4 .box, .special.s6 .box, .special.s8 .box{background-image:none!important;background-color:#f4f4f4;}
	.index-about .intro{width:100%;float:none;}
	.index-about .certificate{width:100%;float:none;}

}